

<template>
    <el-dialog class="ba-operate-dialog" :destroy-on-close="true" :model-value="preAuditEInfoDialog" @close="handleClose">
        <template #header>
            <div class="title">详细信息</div>
        </template>
        <el-scrollbar v-loading="false" class="ba-table-form-scrollbar">
            <div class="ba-operate-form">
                <el-descriptions :column="2" border>
                    <el-descriptions-item label="公司名称" align="center">
                        {{initData.businessName}}
                    </el-descriptions-item>
                    <el-descriptions-item label="公司规模" align="center">
                        {{initData.eSize}}
                    </el-descriptions-item>
                    <el-descriptions-item label="公司性质" align="center">
                        {{initData.eNature}}
                    </el-descriptions-item>
                    <el-descriptions-item  label="经营行业" align="center">
                        {{initData.eIndustry}}
                    </el-descriptions-item>
                    <el-descriptions-item :width="120" :span="2" label="公司优势" align="center">
                        {{initData.eAdvantage}}
                    </el-descriptions-item>
                    <el-descriptions-item :width="120" :span="2" label="公司简介" label-align="center">
                        <el-collapse @change="handleChange" class="dialogCollapse">
                            <el-collapse-item title="点击展开" name="1">
                                <div>
                                    {{initData.eContent}}
                                </div>

                            </el-collapse-item>

                        </el-collapse>
                    </el-descriptions-item>
                    <el-descriptions-item :width="120" :span="2" label="提交时间" align="center">
                        {{initData.confirmTime}}
                    </el-descriptions-item>
                    <el-descriptions-item :width="120" :span="2" label="操作类型" align="center">
                        {{initData.operationType}}
                    </el-descriptions-item>
                    <el-descriptions-item label="提交人姓名" align="center">
                        {{initData.hrName}}
                    </el-descriptions-item>
                    <el-descriptions-item label="提交人电话" align="center">
                        {{initData.hrPhone}}
                    </el-descriptions-item>
                    <el-descriptions-item label="提交人邮箱" align="center">
                        {{initData.hrEmail}}
                    </el-descriptions-item>
                    <el-descriptions-item label="审核状态" align="center">
                        {{initData.auditState}}
                    </el-descriptions-item>
                    <el-descriptions-item :width="120" :span="2" label="审核时间" align="center">
                        {{initData.auditTime}}
                    </el-descriptions-item>
                    <el-descriptions-item :width="120" :span="2" label="审核综述" align="center">
                        <el-collapse @change="handleChange" class="dialogCollapse">
                            <el-collapse-item title="点击展开" name="2" style="border: 0;">
                                <div>
                                    {{initData.auditResultContent}}
                                </div>

                            </el-collapse-item>

                        </el-collapse>
                    </el-descriptions-item>
                </el-descriptions>
            </div>
        </el-scrollbar>
    </el-dialog>
</template>

<script lang="ts" setup>
import { reactive, ref, onBeforeMount, onMounted } from 'vue'
import { useStore } from "vuex"
import { useRouter } from "vue-router"
import { elmessage, data } from "@/hook/hook"
import { adminPreAuditEnterprise } from "@/api/adminApi"
const store = useStore()
const router = useRouter()
const e = store.state.adminState.audite
const props = defineProps(["preAuditEInfoDialog", "closePreAuditEInfoDialog"])


const handleChange = (val: string[]) => {
    // console.log(val)
}
const handleClose = () => {
    props.closePreAuditEInfoDialog()
}

const initData={
    ...e
}


onBeforeMount(() => {
    initData
})
</script>
<style scoped>
.dialogCollapse {
    border: 0;
}
</style>